@charset "utf-8";

* {
  box-sizing: border-box;
}

.zone {

  height: calc(100vh - 47px) !important;
  margin-top: 47px;
  background-color: #103C63;
}

.main {
  /* margin: 5px; */
  padding: 5px;
  height: 100%;
  background-color: #103C63;
  /* border: 2px solid #88ADCF; */

}

.name_fang {
  line-height: normal;
  width: 70%;
  height: 100%;
}

.counter {
  width: 100%;
  height: 100%;
  background-color: #f7efde;
  overflow-y: auto;
  position: relative;
}

.counter .box_top {
  height: 40px;
  width: 100%;
  background-color: #ddbc92;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 18px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
  font-weight: 500;
}

.counter .box_top span {
  font-size: 11px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #019535;
}

.counter .bot {
  height: calc(100% - 40px);
  background-color: #f7efde;
  padding: 5px;
  padding-bottom: 100px;
  overflow-y: auto;
}

.counter .bot .bot_list {
  width: 100%;
  height: 75px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/task/week.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 15px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #896541;
}

.counter .bot .bot_list .right_r {
  display: flex;
  align-items: center;
}

.counter .bot .bot_list .right_r img {
  height: 20px;
  width: 20px;
}

.counter .bot .bot_list .right_r span {
  font-size: 15px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
}

.counter .bot .bot_list .right {
  width: 56px;
  height: 29px;
  line-height: 29px;
  color: #fff;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
  text-align: center;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
  background-size: 100% 100%;
}

.counter .bot .bot_list .top_l {
  font-size: 12px;
  color: #007606;
  text-decoration: underline;
  margin-bottom: 3px;
  /* zoom: 0.75; */
}

.counter .bot .bot_list .hui {
  width: 56px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/huidi.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}

.counter .bot_b {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
  background-color: #ebd0ac;

  font-size: 19px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
}

.counter .bot_b .left_r {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/fang_estate/bg2.png') no-repeat;
  background-size: 100% 100%;
}

.counter .bot_b .left_l {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  background-color: #103c63;
  color: #fff;
}

.counter .bot_b .left {
  display: flex;
  align-items: center;
}

.counter .bot_b .left img {
  width: 20px;
  height: 20px;
}

.counter .bot_b .rig {
  width: 82px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;

}



/* !弹出的问好 */
.modal-income {
  /* display: block; */
}


.modal-income .modal-body .ti_tou {
  position: relative;
  height: 40px;
  width: 100%;
  background: linear-gradient(0deg, #27B6F1 0%, #5FE3FF 99%);
  box-shadow: 0px 1px 1px 0px #FFFFFF;
  border-radius: 7px 7px 0 0;
  text-align: center;
  line-height: 40px;
}

.modal-income .modal-body .ti_tou span {
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.modal-income .modal-body .ti_tou img {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 19px;
  height: 21px;
}

.modal-income .modal-body .ti_bot {
  height: 152px;
  width: 100%;
  background-color: #12426f;
  border-bottom: 1px solid #b5dbff;
  border-radius: 0 7px 7px;
  padding: 2px 2px 1px 2px;
}

.modal-income .modal-body .ti_bot .neibu {
  width: 100%;
  height: 100%;
  background-color: #b5dbff;
  padding: 0 35px;
  padding-top: 30px;
}

.modal-income .modal-body .ti_bot .neibu p {
  width: 100%;
  height: 40px;
  line-height: normal;
  /* margin: 40px 0; */
  margin-bottom: 30px;
  font-size: 12px;
  font-family: DFPYuanW7-GB;
  font-weight: 400;
  color: #296994;
  line-height: 20px;
  text-align: center;
}

.modal-income .modal-body .ti_bot .neibu .top_tishi {
  width: 250px;
  height: 26px;
  margin: 0 auto;
  line-height: 26px;
  font-size: 14px;
  color: #2A5278;
  text-align: center;
  background: #6FA0CF;
  border-radius: 3px;
  margin-bottom: 7px;
}

.modal-income .modal-body .ti_bot .neibu .jieshao {
  font-size: 15px;
  font-family: DFPYuanW7-GB;
  font-weight: 400;
  color: #913A00;
  zoom: 0.95;
  text-align: center;
  margin-top: 50px;
}

.modal-income .modal-body .ti_bot .btn_que {
  width: 64px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png') no-repeat;
  background-size: 100% 100%;
  font-size: 18px;
  font-family: FZY3JW;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}



.more {
  padding: 12px 0 20px;
}

.empty {
  display: none;
  text-align: center;
}

.empty p {
  color: #ADA8A0;
  /* line-height: 90vh; */
}



/* !弹出租客信息 */
.modal-tenant {
  /* display: block; */
}


.modal-tenant .modal-body .ti_tou {
  position: relative;
  height: 40px;
  width: 100%;
  background: linear-gradient(0deg, #27B6F1 0%, #5FE3FF 99%);
  box-shadow: 0px 1px 1px 0px #FFFFFF;
  border-radius: 7px 7px 0 0;
  text-align: center;
  line-height: 40px;
}

.modal-tenant .modal-body .ti_tou span {
  font-size: 20px;
  font-family: FZY3JW;
  font-weight: 600;
  color: #FFFFFF;
  -webkit-text-stroke: 1px #0F4573;
  text-stroke: 1px #0F4573;
}

.modal-tenant .modal-body .ti_tou img {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 19px;
  height: 21px;
}

.modal-tenant .modal-body .ti_bot {
  height: 307px;
  width: 100%;
  background-color: #f7efde;
  border-bottom: 1px solid #b5dbff;
  border-radius: 0 7px 7px;
  padding: 2px 2px 1px 2px;
}

.modal-tenant .modal-body .ti_bot .top_t {
  height: 30px;
  width: 100%;
  background-color: #d6b68c;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
}

.modal-tenant .modal-body .ti_bot .list_tou {
  height: calc(100% - 30px);
  width: 100%;
  overflow-y: auto;
  padding: 0px;
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son {
  height: 55px;
  width: 100%;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/diban.png') no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: 8px;
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son .left_img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son .img {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/touxiang1.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son .img img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-top: 50%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son .jin {
  display: flex;
  align-items: center;
  justify-content: right;
}

.modal-tenant .modal-body .ti_bot .list_tou .list_son .jin img {
  height: 20px;
  width: 20px;
}